/**
 *  jquery.Jcrop.css v0.9.12 - MIT License
 *  @author: Kelly Hallman <khallman@gmail.com>
 *  Copyright (c) 2008-2013 Tapmodo Interactive LLC
 *
 *  LESS CSS version: Nam Vo <vhnam@peslook.com>
 */

// Variables
@margin: -4px;
@percent: 50%;

// Parametric Mixins
.mixins(@color_1, @color_2) {
    .jcrop-vline,
    .jcrop-hline {
        background: @color_1;
        opacity: .70!important;
        filter: alpha(opacity=70) !important;
    }

    .jcrop-handle {
        background-color: @color_2;
        border-color: @color_1;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
}

.jcrop-holder {
    .text-center;
    direction: ltr;
}

// Selection Border
.jcrop-vline,
.jcrop-hline {
    position: absolute;
    font-size: 0;
    background: @white url('/public/img/app/app/jcrop.gif');
}

.jcrop-vline {
    width: 1px !important;
    .full-height;
    padding-left: 1px;
}

.jcrop-vline.right {
    right: 0;
    margin-right: 0;
}

.jcrop-hline {
    .full-parent;
    height: 1px !important;
}

.jcrop-hline.bottom {
    bottom: 0;
}

// Invisible click targets
.jcrop-tracker {
    .full-parent;
    .full-height;

    // disable cut copy paste
    -webkit-user-select: none;

    // "turn off" link highlight
    -webkit-tap-highlight-color: transparent;

    // disable callout, image save panel
    -webkit-touch-callout: none;
}

// Selection Handles
.jcrop-handle {
    width: 7px;
    height: 7px;
    font-size: 1px;
    background-color: @profile_location;
    border: 1px solid @profile_handle_border;
}

.jcrop-handle.ord-n,
.jcrop-handle.ord-e,
.jcrop-handle.ord-w,
.jcrop-handle.ord-nw,
.jcrop-handle.ord-ne {
    margin-top: @margin;
}

.jcrop-handle.ord-e,
.jcrop-handle.ord-ne,
.jcrop-handle.ord-se {
    margin-right: @margin;
}

.jcrop-handle.ord-n,
.jcrop-handle.ord-s,
.jcrop-handle.ord-w,
.jcrop-handle.ord-nw,
.jcrop-handle.ord-sw {
    margin-left: @margin;
}

.jcrop-handle.ord-s,
.jcrop-handle.ord-se,
.jcrop-handle.ord-sw {
    margin-bottom: @margin;
}

.jcrop-handle.ord-n,
.jcrop-handle.ord-nw,
.jcrop-handle.ord-ne {
    top: 0;
}

.jcrop-handle.ord-e,
.jcrop-handle.ord-ne,
.jcrop-handle.ord-se {
    right: 0;
}

.jcrop-handle.ord-s,
.jcrop-handle.ord-se,
.jcrop-handle.ord-sw {
    bottom: 0;
}

.jcrop-handle.ord-w,
.jcrop-handle.ord-nw,
.jcrop-handle.ord-sw {
    left: 0;
}

.jcrop-handle.ord-n {
    left: @percent;
}

.jcrop-handle.ord-e,
.jcrop-handle.ord-w {
    top: @percent;
}

// Dragbars
.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s {
    .full-parent;
    height: 7px;
}

.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
    width: 7px;
    .full-height;
}

.jcrop-dragbar.ord-n {
    margin-top: @margin;
}

.jcrop-dragbar.ord-s {
    bottom: 0;
    margin-bottom: @margin;
}

.jcrop-dragbar.ord-e {
    right: 0;
    margin-right: @margin;
}

.jcrop-dragbar.ord-w {
    margin-left: @margin;
}

// The "jcrop-light" class/extension
.jcrop-light {
    .mixins(@white, @black);
}

// The "jcrop-dark" class/extension
.jcrop-dark {
    .mixins(@black, @white);
}

// Simple macro to turn off the antlines
.solid-line {
    .jcrop-vline,
    .jcrop-hline {
        background: @white;
    }
}

// Fix for twitter bootstrap et al.
.jcrop-holder img,
img .jcrop-preview {
    max-width: none;
}